<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>幻听音乐首页</title>
  <link rel="stylesheet" href="../css/index.css">
  <style></style>
</head>
<body>
  <a href="" id="top"></a>
  <!-- 网页头部 开始 -->
  <div class="header">
    <div class="top_nav">
      <div class="top_nav_cont">
        <ul>
          <li><a href="javascript:;">我的主页</a></li>
          <li><a href="./personal.html">个人中心</a></li>
          <li><a href="javascript:;">帮助中心</a></li>
          <li><a href="./login.html">用户登录</a></li>
          <li><a href="./reg.html">用户注册</a></li>
        </ul>
      </div>
    </div>
    <!-- 头部导航开始 -->
    <div class="headCont">
      <div class="main_nav">
        <!-- logo图标 -->
        <div class="logo"><img src="../image/index_img/logo.png" alt="logo" width="60px"></div>
        <div class="logoname"><img src="../image/index_img/logoName.png" alt="logname" width="100px"></div>
        <!-- 主导航 -->
        <ul class="navlist clearfix" id="navlist">
          <li><a href="javascript:;" onmouseover="fc1()">音乐馆</a></li>
          <li><a href="javascript:;" onmouseover="fc2()">MV</a></li>
          <li><a href="./mymusic.html" onmouseover="fc3()" id="jump_mymusic">我的音乐</a></li>
          <li><a href="javascript:;" onmouseover="fc4()">下载客户端</a></li>
        </ul>
        <div class="user_login">
          <div class="user_photo"><a href="javascript:;"><img src="" alt="user_photo" width="40px" id="user_img"></a></div>
          <div class="user_name"><a href="javascript:;" id="user_name"></a></div>
        </div>
      </div>
      <!-- 二级导航 -->
      <div class="two_nav">
        <ul class="two_nav_list clearfix" id="music_nav">
          <li class="L1"><a href="">首页</a></li>
          <li><a href="">独家首发</a></li>
          <li><a href="./playlist.html" id="playlist">歌单广场</a></li>
          <li><a href="">歌手</a></li>
          <li><a href="">专辑</a></li>
          <li><a href="">电台</a></li>
        </ul>
        <!-- 搜索框开始 -->
        <div class="search_cont">
          <form>
            <input type="text" placeholder="请输入搜索的歌曲" autocomplete="off" class="search_input" onfocus="search()" onblur="off()">
            <input type="button" class="search">
          </form>
        </div>
        <!-- 搜索框结束 -->
      </div>
      <!-- 头部导航结束 -->
    </div>
    <!-- 头部结束 -->
  </div>
  
<!-- 轮播图开始 -->
<div class="main_banner">
  <div class="main_banner_warp">
		<!-- 点击搜索框弹出一个热搜歌曲榜 -->
		<div class="hot_search">
			<ul class="hot_nav clearfix" id="hot_nav">
				<li class="zjl"><a href="javascript:;">周杰伦</a><p>171万</p></li>
				<li class="xs"><a href="javascript:;">许嵩</a><p>164万</p></li>
				<li class="dzq"><a href="javascript:;">G.E.M.邓紫棋</a><p>110万</p></li>
				<li class="ljj"><a href="javascript:;">林俊杰</a><p>98万</p></li>
				<li class="cyx"><a href="javascript:;">陈奕迅</a><p>83万</p></li>
				<li class="bx end"><a href="javascript:;">本兮</a><p>80万</p></li>
			</ul>
		</div>
		<!-- 	轮播图的区域	 -->
    <ul class="wrap clearfix" id="wrap" style="left: -550px;">
      <li><img src="../image/index_img/4.jpg" alt=""></li>
      <li><img src="../image/index_img/1.jpg" alt=""></li>
      <li><img src="../image/index_img/2.jpg" alt=""></li>
      <li><img src="../image/index_img/3.jpg" alt=""></li>
      <li><img src="../image/index_img/4.jpg" alt=""></li>
      <li><img src="../image/index_img/1.jpg" alt=""></li>
    </ul>
    <div class="radio">
      <span class="yd"></span>
      <span class="yd"></span>
      <span class="yd"></span>
      <span class="yd"></span>
    </div>
    <input type="button" id="left_btn" value="&lt;" class="left_btn btn" onclick="prev_pic()">
    <input type="button" value="&gt;" class="right_btn btn" onclick="next_pic()">
  </div>
</div>
<!-- 轮播图结束 -->

<!-- 在线首发开始 -->
<div class="new_songs">
  <div class="new_songs_title clearfix">
    <div></div>
    <a href="javascript:;"></a>
    <div class="count_num clearfix">
      <p class="num"><span>1</span>&nbsp;/&nbsp;2</p>
      <div class="next">
        <a href="javascript:;" id="starting_prev">&lt;</a>
        <a href="javascript:;" id="starting_next">&gt;</a>
      </div>
    </div>
  </div>
	<!-- 首发歌曲的图片 -->
	<div class="new_songs_img clearfix new_songs_img1">
		<div class="one_img">
      <!-- 用来放置图片和图片缩放的div -->
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album1.jpg" alt=""></a>
        <a href="javascript:;" id="img1">
          <p>你好，再见</p>
          <p>戚薇</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>4</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>1950万</p>
      </a>
      <div class="hot hot_img1">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="two_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album2.jpg" alt=""></a>
        <a href="javascript:;" id="img2">
          <p>帽子戏法</p>
          <p>魏晨</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>5</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>1860万</p>
      </a>
      <div class="hot hot_img2">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="three_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album3.jpg" alt=""></a>
        <a href="javascript:;" id="img3">
          <p>哎呦，不错哦</p>
          <p>周杰伦</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>12</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>3750万</p>
      </a>
      <div class="hot hot_img3">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="four_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album4.jpg" alt=""></a>
        <a href="javascript:;" id="img4">
          <p>新地球</p>
          <p>林俊杰</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>12</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>4020万</p>
      </a>
      <div class="hot hot_img4">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="five_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album5.jpg" alt=""></a>
        <a href="javascript:;" id="img5">
          <p>三十未满</p>
          <p>苏醒</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>12</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>2060万</p>
      </a>
      <div class="hot hot_img5">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
	</div>
  <div class="new_songs_img clearfix new_songs_img2">
		<div class="one_img">
      <!-- 用来放置图片和图片缩放的div -->
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album6.jpg" alt=""></a>
        <a href="javascript:;" id="img1">
          <p>敬女人</p>
          <p>徐若瑄</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>4</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>3180万</p>
      </a>
      <div class="hot hot_img1">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="two_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album7.jpg" alt=""></a>
        <a href="javascript:;" id="img2">
          <p>罪恶感</p>
          <p>A-Lin</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>6</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>3952万</p>
      </a>
      <div class="hot hot_img2">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="three_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album8.jpg" alt=""></a>
        <a href="javascript:;" id="img3">
          <p>太歌&nbsp;冬</p>
          <p>胡彦斌</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>12</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>2152万</p>
      </a>
      <div class="hot hot_img3">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="four_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album9.jpg" alt=""></a>
        <a href="javascript:;" id="img4">
          <p>学着爱</p>
          <p>周兴哲</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>12</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>2464万</p>
      </a>
      <div class="hot hot_img4">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
    <div class="five_img">
      <div class="clearfix">
        <a href="javascript:;" class="im"><img src="../image/index_img/album10.jpg" alt=""></a>
        <a href="javascript:;" id="img5">
          <p>敢爱敢当</p>
          <p>丁当</p>
          <div class="bflogo">
            <img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart">
          </div>
        </a>
      </div>
      <a href="javascript:;">
        <p>歌曲</p>
        <p>20</p>
      </a>
      <a href="javascript:;">
        <p>试听</p>
        <p>3412060万</p>
      </a>
      <div class="hot hot_img5">
        <div class="hot_border"></div>
        <div class="hot_font">HOT</div>
      </div>
    </div>
	</div>
</div>
<!-- MV首播开始 -->
<div class="MV_premiere">
  <div class="MV_premiere_title clearfix">
    <div></div>
    <a href="javascript:;"></a>
    <ul class="clearfix">
      <li><a href="javascript:;" class="start_a">首播</a></li>
      <li><a href="javascript:;">内地</a></li>
      <li class="end_li"><a href="javascript:;">港台</a></li>
    </ul>
  </div>
  <div class="MV_premiere_img">
    <div class="top_img clearfix">
      <div>
        <img src="../image/index_img/mv_1x2_10.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">在你耳边说-周兴哲</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>1042425</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-17</div>
        </a>
        <div class="mv_cont">
          <p>在你耳边说</p>
          <p>周兴哲</p>
        </div>
        <div class="mv_ts mv_ts1">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_9.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">蓝色圣诞节-徐若瑄</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>6392509</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-18</div>
        </a>
        <div class="mv_cont">
          <p>蓝色圣诞节</p>
          <p>徐若瑄</p>
        </div>
        <div class="mv_ts mv_ts2">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_8.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">不该再是旧的-孙子涵</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>1237569</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-19</div>
        </a>
        <div class="mv_cont">
          <p>不该再是旧的</p>
          <p>孙子涵</p>
        </div>
        <div class="mv_ts mv_ts3">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_18.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">花开那年-魏晨</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>1377190</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-20</div>
        </a>
        <div class="mv_cont">
          <p>花开那年</p>
          <p>魏晨</p>
        </div>
        <div class="mv_ts mv_ts4">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_6.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">play 我呸-蔡依林</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>8377190</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-20</div>
        </a>
        <div class="mv_cont">
          <p>play 我呸</p>
          <p>蔡依林</p>
        </div>
        <div class="mv_ts mv_ts5">今日</div>
      </div>
    </div>
    <!-- mv首播图片的下半部分 -->
    <div class="bottom_img clearfix">
      <div>
        <img src="../image/index_img/mv_1x2_1.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">可惜没有如果-林俊杰</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>8457190</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-20</div>
        </a>
        <div class="mv_cont">
          <p>可惜没如果</p>
          <p>林俊杰</p>
        </div>
        <div class="mv_ts mv_ts6">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_2.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">裂心-王力宏</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>10577190</p>
          </div>
          <div class="mvbg_contpic">2 pic5-5-21</div>
        </a>
        <div class="mv_cont">
          <p>裂心</p>
          <p>王力宏</p>
        </div>
        <div class="mv_ts mv_ts7">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_3.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">算什么男人-周杰伦</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>15377190</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-21</div>
        </a>
        <div class="mv_cont">
          <p>算什么男人</p>
          <p>周杰伦</p>
        </div>
        <div class="mv_ts mv_ts8">今日</div>
      </div>
      <div>
        <img src="../image/index_img/mv_1x2_4.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">你身边的-魏晨</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>7377190</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-21</div>
        </a>
        <div class="mv_cont">
          <p>你身边的</p>
          <p>魏晨</p>
        </div>
        <div class="mv_ts mv_ts9">今日</div>
      </div>
      <div>
        <img src="../image/index_img/congcongnanian.jpg" alt="">
        <a href="javascript:;" class="mv_bg">
          <div class="mv_bflogo"><img src="../image/index_img/mv_bflogo.png" alt=""></div>
          <div class="mvbg_song">匆匆那年-王菲</div>
          <div class="mv_play clearfix">
            <div></div>
            <p>12377190</p>
          </div>
          <div class="mvbg_contpic">2 pic4-5-21</div>
        </a>
        <div class="mv_cont">
          <p>匆匆那年</p>
          <p>王菲</p>
        </div>
        <div class="mv_ts mv_ts10">今日</div>
      </div>
    </div>
  </div>
</div>
<!-- MV首播部分结束 -->

<!-- 最新推荐 最热推荐 巅峰榜部分开始 -->
<div class="songs_rcmd">
  <!-- 最新推荐的标题部分 -->
  <div class="songs_rcmd_title clearfix">
    <div class="left_title">
      <span></span>
      <a href="javascript:;" class="play_btn"><img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart"></a>
      <a href="javascript:;" class="add_btn"><img src="../image/index_img/add_btn1.png" alt="" onmouseover="add_start()" onmouseout="add_stop()" class="addstart"></a>
      <a href="javascript:;" class="more_cont"></a>
    </div>
    <div class="midden_title">
      <span></span>
      <a href="javascript:;" class="play_btn"><img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart"></a>
      <a href="javascript:;" class="add_btn"><img src="../image/index_img/add_btn1.png" alt="" onmouseover="add_start()" onmouseout="add_stop()" class="addstart"></a>
      <a href="javascript:;" class="more_cont"></a>
    </div>
    <div class="right_title">
      <span></span>
      <a href="javascript:;" class="play_btn"><img src="../image/index_img/play_btn1.png" alt="" onmouseover="play_start()" onmouseout="play_stop()" class="playstart"></a>
      <a href="javascript:;" class="add_btn"><img src="../image/index_img/add_btn1.png" alt="" onmouseover="add_start()" onmouseout="add_stop()" class="addstart"></a>
      <a href="javascript:;" class="more_cont"></a>
    </div>
  </div>
  <!-- 推荐的歌曲部分 -->
  <div class="songs_rcmd_subject clearfix">
    <ul class="left_subject">
      <li>
        <a href="javascript:;" class="songs_subject_content">爱情大师 – 崔子格</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">就是现在 – 王力宏</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">爱与诚 – 古巨基</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">野子 – 苏运莹</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">闹啥子嘛闹 – 张杰</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">冬天的树 – 戚薇</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">我笑到都哭了 – A-Lin</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">你是如此的难以忘记 – 李宇春</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">千秋 – 孙楠</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
    </ul>
    <ul class="midden_subject">
      <li>
        <a href="javascript:;" class="songs_subject_content">可惜没如果 – 林俊杰</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">一切安好 – 莫文蔚</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">算什么男人 – 周杰伦</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">独行 – 周醒</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">Play 我呸 – 蔡依林</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">帽子戏法 – 魏晨</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">沧浪之歌 – 汪峰</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">失忆的金鱼 – 杨丞琳</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <a href="javascript:;" class="songs_subject_content">说走就走的旅行 – 李行亮</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
    </ul>
    <ul class="right_subject">
      <li>
        <i>1</i><a href="javascript:;" class="songs_subject_content">有何不可 – 许嵩</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>2</i><a href="javascript:;" class="songs_subject_content">素颜 – 许嵩</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>3</i><a href="javascript:;" class="songs_subject_content">手心的蔷薇 – 林俊杰</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>4</i><a href="javascript:;" class="songs_subject_content">江南 – 林俊杰</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>5</i><a href="javascript:;" class="songs_subject_content">天使的翅膀 – 徐誉滕</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>6</i><a href="javascript:;" class="songs_subject_content">晚安 – 易自豪</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>7</i><a href="javascript:;" class="songs_subject_content">玫瑰花的葬礼 – 许嵩</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>8</i><a href="javascript:;" class="songs_subject_content">灰色头像 – 许嵩</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
      <li>
        <i>9</i><a href="javascript:;" class="songs_subject_content">蓝色圣诞节 – 徐若瑄</a>
        <a href="javascript:;" class="play_songes"></a>
        <a href="javascript:;" class="share_songes"></a>
      </li>
    </ul>
  </div>
</div>
<!-- 最新推荐 最热推荐 巅峰榜部分结束 -->

<!-- 精选集 热门歌手部分开始 -->
<div class="select_singer">
  <div class="collectiont">
    <div class="ct_title">
      <div></div>
      <a href="javascript:;"></a>
    </div>
    <div class="select_cont">
      <div class="select_start">
        <img src="../image/index_img/ct_singer1.jpg" alt="">
        <a href="javascript:;"></a>
        <p>神曲虐我千百遍，我待神曲如初恋</p>
      </div>
      <div class="two_singer">
        <img src="../image/index_img/ct_singer2.jpg" alt="">
        <a href="javascript:;"></a>
        <p>孤单的时候有二次元</p>
      </div>
      <div class="three_singer">
        <img src="../image/index_img/ct_singer3.jpg" alt="">
        <a href="javascript:;"></a>
        <p>萌娃爱唱歌</p>
      </div>
      <div class="margin_top">
        <img src="../image/index_img/ct_singer4.jpg" alt="">
        <a href="javascript:;"></a>
        <p>不疯狂，不青春</p>
      </div>
      <div class="five_singer">
        <img src="../image/index_img/ct_singer5.jpg" alt="">
        <a href="javascript:;"></a>
        <p>00后出没，请注意</p>
      </div>
      <div class="six_singer">
        <img src="../image/index_img/ct_singer6.jpg" alt="">
        <a href="javascript:;"></a>
        <p>让节操碎一会</p>
      </div>
      <div class="select_end">
        <img src="../image/index_img/ct_singer7.jpg" alt="">
        <a href="javascript:;"></a>
        <p>笑多了会怀孕哦</p>
      </div>
    </div>
  </div>
  <!-- 热门歌手部分 -->
  <div class="hot_singer">
    <div class="hot_singer_title">
      <div></div>
      <a href="javascript:;"></a>
    </div>
    <div class="hot_singer_content clearfix">
      <a href="javascript:;">
        <img src="../image/index_img/hotsinger_zjl.jpg" alt="">
        <p>周杰伦</p>
      </a>
      <a href="javascript:;">
        <img src="../image/index_img/hotsinger_ljj.jpg" alt="">
        <p>林俊杰</p>
      </a>
      <a href="javascript:;" class="singer_cyx">
        <img src="../image/index_img/hotsinger_cyx.jpg" alt="">
        <p>陈奕迅</p>
      </a>
      <a href="javascript:;">
        <img src="../image/index_img/hotsinger_zj.jpg" alt="">
        <p>张杰</p>
      </a>
      <a href="javascript:;">
        <img src="../image/index_img/hotsinger_dzq.jpg" alt="">
        <p>邓紫棋</p>
      </a>
      <a href="javascript:;">
        <img src="../image/index_img/hotsinger_xs.jpg" alt="">
        <p>许嵩</p>
      </a>
    </div>
    <div class="hot_singer_about">
      <ul class="clearfix">
        <li><a href="javascript:;">华语男歌手</a></li>
        <li><a href="javascript:;">华语女歌手</a></li>
        <li><a href="javascript:;">华语组合</a></li>
        <li><a href="javascript:;">日韩男歌手</a></li>
        <li><a href="javascript:;">日韩女歌手</a></li>
        <li><a href="javascript:;">日韩组合</a></li>
        <li><a href="javascript:;">欧美男歌手</a></li>
        <li><a href="javascript:;">欧美女歌手</a></li>
        <li><a href="javascript:;">欧美组合</a></li>
      </ul>
    </div>
  </div>
</div>
<!-- 精选集 热门歌手部分结束 -->
<!-- 底部开始 -->
<div class="footer">
  <div class="footer_cont clearfix">
    <div class="footer_cont_left">
      <ul class="clearfix">
        <li><a href="javascript:;">关于我们</a></li>
        <li><a href="javascript:;">版权声明</a></li>
        <li><a href="javascript:;">诚聘英才</a></li>
        <li><a href="javascript:;">联系我们</a></li>
        <li><a href="javascript:;">历史合作</a></li>
        <li><a href="javascript:;">唱片公司</a></li>
        <li><a href="javascript:;">广告服务</a></li>
        <li><a href="javascript:;">友情连接</a></li>
        <li class="cont_left_end"><a href="javascript:;">帮助中心</a></li>
      </ul>
      <p>Copyright&nbsp;&copy;2021&nbsp;HuanTingMusic&nbsp;All&nbsp;Rights&nbsp;Reserved</p>
    </div>
    <div class="footer_cont_right">
      <ul>
        <li class="cont_right_start">关注我们</li>
        <li><a href="javascript:;"><img src="../image/index_img/index1.png" alt=""></a></li>
        <li><a href="javascript:;"><img src="../image/index_img/index2.png" alt=""></a></li>
        <li>
          <a href="javascript:;"><img src="../image/index_img/index3.png" alt=""></a>
          <div><img src="../image/index_img/wx.jpg" alt=""></div>
        </li>
        <li><a href="javascript:;"><img src="../image/index_img/index4.png" alt=""></a></li>
        <li><a href="javascript:;"><img src="../image/index_img/index5.png" alt=""></a></li>
      </ul>
    </div>
  </div>
  <a href="javascript:;" class="to_top" id="to_top"><img src="../image/index_img/toTop.png" alt=""></a>
</div>
</body>
<script>
  let to_top = document.getElementById("to_top");
  to_top.onclick = e=>{
    window.scrollTo(0,0);
    // e.preventDefault();
  }
</script>
<script src="../js/index_js/two_nav1.js"></script>
<script src="../js/index_js/lunbo.js"></script>
<script src="../js/index_js/search.js"></script>
<script src="../js/index_js/play_img.js"></script>
<script src="../js/index_js/index.js"></script>
<script src="../js/index_js/starting.js"></script>
</html>